<template>
	<!--线路-->
	<div class="myOrder">
		<div class="title my-flex-between">
			<span>我的熟车</span>
			<div>
				<input-single-checkbox v-model="form.test">全选</input-single-checkbox>
				<span>邀请报价</span>
			</div>
		</div>
		<!--表单-->
		<div class="list">
			<div class="title my-flex-between">
				<div class="left my-flex">
					<el-input placeholder="通过车牌号、手机号搜索司机"></el-input>
					<li>搜索</li>
				</div>
				<div class="right my-flex">
					<li class="inactive">上一页</li>
					<li>下一页</li>
				</div>
			</div>
			
			<div class="th th-title">
				<li class="t1">车辆图片</li>
				<li class="t2">车牌号</li>
				<li class="t3">车辆类型</li>
				<li class="t4">联系电话</li>
				<li class="t5">操作</li>
			</div>
			
			<div class="item" v-for="i of 6">
				<div class="title">
					<label class="input-single-checkbox">
						<input type="checkbox" :value="i" name="type" v-model="myValue"  />
						<div class="img"></div>
						<span>中软云物流</span>
					</label>
				</div>
				<div class="th">
					<li class="t1">
						<div class="img"></div>
					</li>
					<li class="t2">车牌号</li>
					<li class="t3">车辆类型</li>
					<li class="t4">联系电话</li>
					<li class="t5">操作</li>
				</div>
			</div>
			
	
			
		</div>

	</div>
</template>

<script>
	import { mapState } from "vuex";
	import service from '@/js/services/price';
	export default {
		inject: ['reload', 'closeLoading', 'openLoading', 'changeRouter'],
		data() {
			return {
				tableData: [{
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1518 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1517 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1519 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1516 弄'
				}],
				form: {},
				myValue:[]
			}
		},
		created() {

		},
		mounted() {

		},
		activated() {

		},
		destroyed() {

		},
		filters: {

		},
		watch: {

		},
		methods: {
			...service
		}
	}
</script>

<style lang="less"  src="../../less/page/userCenter/myOrder.less"></style>